<!DOCTYPE html>
<html lang=zh-CN>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1">
        <title>h5平台PC页面</title>
        <meta name="Copyright" content="helang">
        <style type="text/css">
            body{
                margin: 0;
                background-color: #f3f3f3;
            }
            iframe{
                width: 370px;
                height: 95%;
                background-color: #fff;
                box-sizing: content-box;
                border: none;
            }

            @media screen and (min-width: 450px) {
                iframe {
                    position: fixed;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    margin: auto;
                    border: rgb(210 210 210 / 70%) solid 5px;
                    border-radius: 30px;
                }
            }
        </style>
        <script type="text/javascript" src="https://g.alicdn.com/dingding/dingtalk-jsapi/2.3.0/dingtalk.open.js" charset="UTF-8"></script>
        <script type="text/javascript">
            window.onload = function(){
                /* 监听电脑浏览器窗口尺寸改变 */
                window.onresize = function(){
                    /* 窗口宽度 小于或等于420px 时，跳转回H5页面 */
                    if(window.innerWidth <= 420){
                        window.location.pathname = '/app';
                    }
                }
            }
        </script>
    </head>
    <body>
        <iframe src="/app"></iframe>
    </body>
</html>
